<!DOCTYPE html>
<!-- saved from url=(0055)http://39.105.17.150/ktvgamea/order/realTimeData_New.do -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script data-require-id="echarts/chart/scatter" src="./scatter.js.下载" async=""></script><!--<base href="http://39.105.17.150:80/ktvgamea/">--><base href=".">
	<!-- jsp文件头和头部 -->
			
	<title></title>
	<meta name="description" content="overview &amp; stats">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- basic styles -->
	<link href="./bootstrap.min.css" rel="stylesheet">
	<link href="./bootstrap-responsive.min.css" rel="stylesheet">
	<link rel="stylesheet" href="./font-awesome.min.css">
	<!-- page specific plugin styles -->
	<!-- 下拉框-->
	<link rel="stylesheet" href="./chosen.css">
	<!-- ace styles -->
	<link rel="stylesheet" href="./ace.min.css">
	<link rel="stylesheet" href="./ace-responsive.min.css">
	<link rel="stylesheet" href="./ace-skins.min.css">
	<script type="text/javascript" src="./jquery-1.7.2.js.下载"></script>
	<link rel="stylesheet" href="./datepicker.css"><!-- 日期框 -->
	<!--引入弹窗组件start-->
	<script type="text/javascript" src="./zDrag.js.下载"></script>
	<script type="text/javascript" src="./zDialog.js.下载"></script>
	<!--引入弹窗组件end-->
	<script type="text/javascript" src="./jquery.tips.js.下载"></script>
	<script type="text/javascript" src="./echarts.js.下载"></script>
	</head> 
<body>
		
<div class="container-fluid" id="main-container">
	 <div>
	<table border="0" id="chartTabTitle" class="table table-striped table-bordered table-hover">
		<tbody><tr>

			<td onclick="show(0);" width="33%"> 近24小时销售金额（元) 0.0对比上24小时上升�%</td>
			<td onclick="show(1);" width="33%"> 近24小时笔数（笔) 0.0对比上24小时上升�%</td>
			<td onclick="show(2);" width="33%">近24小时人均金额（元) NaN对比上24小时下降�%</td>
		</tr>
	</tbody></table>
	 </div>
	<div id="chartTabCentent">
		<li id="main0" style="list-style-type: none; height: 400px; -webkit-tap-highlight-color: transparent; user-select: none; cursor: default;" _echarts_instance_="1539409737179"><div style="position: relative; overflow: hidden; width: 1466px; height: 400px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1466px; height: 400px; user-select: none;"></div><canvas width="1832" height="500" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1466px; height: 400px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="1832" height="500" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1466px; height: 400px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div></li>
		<li id="main1" style="list-style-type: none; height: 400px; -webkit-tap-highlight-color: transparent; user-select: none; display: none;" _echarts_instance_="1539409737180"><div style="position: relative; overflow: hidden; width: 1466px; height: 400px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1466px; height: 400px; user-select: none;"></div><canvas width="NaN" height="500" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1466px; height: 400px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="NaN" height="500" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1466px; height: 400px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div></li>
		<li id="main2" style="list-style-type: none; height: 400px; -webkit-tap-highlight-color: transparent; user-select: none; display: none;" _echarts_instance_="1539409737181"><div style="position: relative; overflow: hidden; width: 1466px; height: 400px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1466px; height: 400px; user-select: none;"></div><canvas width="NaN" height="500" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1466px; height: 400px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="NaN" height="500" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1466px; height: 400px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div></li>

	</div>





<div id="page-content" class="clearfix">
						
  <div class="row-fluid">


	<div class="row-fluid">
			<!-- 检索  -->
			<form action="http://39.105.17.150/ktvgamea/order/realTimeData_New" method="post" name="userForm" id="userForm">
				<table>
					<tbody><tr>
						<td>
						<span class="input-icon"><input autocomplete="off" id="nav-search-input" type="text" name="keyword" value="" placeholder="这里输入关键词">
						<i id="nav-search-icon" class="icon-search"></i>
						</span></td>
						<td><input class="span10 date-picker" name="lastLoginStart" id="lastLoginStart" value="" type="text" data-date-format="yyyy-mm-dd" style="width:88px;" placeholder="开始日期"></td>
						<td><input class="span10 date-picker" name="lastLoginEnd" id="lastLoginEnd" value="" type="text" data-date-format="yyyy-mm-dd" style="width:88px;" placeholder="到期日期"></td>

						<td style="vertical-align:top;">
							<select class="chzn-select chzn-done" name="SFCG" id="SFCG" data-placeholder="是否成功" style="vertical-align: top; width: 120px; display: none;">
								<option value="">全部</option>
								<option value="Y">成功</option>
								<option value="N">否</option>

							</select><div id="SFCG_chzn" class="chzn-container chzn-container-single" style="width: 120px;" title=""><a href="javascript:void(0)" class="chzn-single" tabindex="-1"><span>全部</span><div><b></b></div></a><div class="chzn-drop" style="left: -9000px; width: 118px; top: 28px;"><div class="chzn-search"><input type="text" autocomplete="off" style="width: 83px;"></div><ul class="chzn-results"><li id="SFCG_chzn_o_0" class="active-result result-selected" style="">全部</li><li id="SFCG_chzn_o_1" class="active-result" style="">成功</li><li id="SFCG_chzn_o_2" class="active-result" style="">否</li></ul></div></div>
						</td>


						<td style="vertical-align:top;"><button class="btn btn-mini btn-light" onclick="search();" title="检索"><i id="nav-search-icon" class="icon-search"></i></button></td>
						
							<td style="vertical-align:top;"><a class="btn btn-mini btn-light" onclick="toExcel();" title="导出到EXCEL"><i id="nav-search-icon" class="icon-download-alt"></i></a></td>
						
					</tr>
				</tbody></table>
			<!-- 检索  -->
		
		
			<table id="table_report" class="table table-striped table-bordered table-hover">

				<thead>
				<tr>
					<th class="center" onclick="selectAll()">
						<label><input type="checkbox" id="zcheckbox"><span class="lbl"></span></label>
					</th>
					<th>序号</th>
					<th>运营商编码</th>
        		<th>设备编码</th>

					<th>通道类型</th>
					<th><i class="icon-time hidden-phone"></i>数据时间</th>

					<th>是否成功</th>
					<th>收入</th>
					<th>实际收入</th>
					<th>笔数</th>
					<th>人均</th>



				</tr>
				</thead>

				<tbody>

				<!-- 开始循环 -->
				<!-- 开始循环 -->
				
					
						
							
								<tr>
									<td class="center" style="width: 30px;">
										<label><input type="checkbox" name="ids" value="77730" id="77730" alt="77730"><span class="lbl"></span></label>
									</td>
									<td class="center" style="width: 30px;">1</td>
									<td>Demo02</td>

									<td>dev00000002</td>

									<td>ZFB</td>
									<td> 2018-10-12 20:00:00</td>

									<td>否</td>
									<td>40.00</td>
									<td>40.0000</td>
									<td>2</td>
									<td>20.00</td>


								</tr>

							
								<tr>
									<td class="center" style="width: 30px;">
										<label><input type="checkbox" name="ids" value="77491" id="77491" alt="77491"><span class="lbl"></span></label>
									</td>
									<td class="center" style="width: 30px;">2</td>
									<td>Demo02</td>

									<td>dev00000002</td>

									<td>WX</td>
									<td> 2018-10-09 20:00:00</td>

									<td>否</td>
									<td>105.00</td>
									<td>105.0000</td>
									<td>5</td>
									<td>21.00</td>


								</tr>

							
								<tr>
									<td class="center" style="width: 30px;">
										<label><input type="checkbox" name="ids" value="77492" id="77492" alt="77492"><span class="lbl"></span></label>
									</td>
									<td class="center" style="width: 30px;">3</td>
									<td>Demo02</td>

									<td>dev00000002</td>

									<td>WX</td>
									<td> 2018-10-09 20:00:00</td>

									<td>是</td>
									<td>15.00</td>
									<td>15.0000</td>
									<td>1</td>
									<td>15.00</td>


								</tr>

							
								<tr>
									<td class="center" style="width: 30px;">
										<label><input type="checkbox" name="ids" value="77489" id="77489" alt="77489"><span class="lbl"></span></label>
									</td>
									<td class="center" style="width: 30px;">4</td>
									<td>Demo02</td>

									<td>dev00000002</td>

									<td>WX</td>
									<td> 2018-10-09 18:00:00</td>

									<td>否</td>
									<td>25.00</td>
									<td>25.0000</td>
									<td>1</td>
									<td>25.00</td>


								</tr>

							
								<tr>
									<td class="center" style="width: 30px;">
										<label><input type="checkbox" name="ids" value="77490" id="77490" alt="77490"><span class="lbl"></span></label>
									</td>
									<td class="center" style="width: 30px;">5</td>
									<td>Demo02</td>

									<td>dev00000002</td>

									<td>WX</td>
									<td> 2018-10-09 18:00:00</td>

									<td>是</td>
									<td>15.00</td>
									<td>15.0000</td>
									<td>1</td>
									<td>15.00</td>


								</tr>

							
								<tr>
									<td class="center" style="width: 30px;">
										<label><input type="checkbox" name="ids" value="77485" id="77485" alt="77485"><span class="lbl"></span></label>
									</td>
									<td class="center" style="width: 30px;">6</td>
									<td>Demo02</td>

									<td>dev00000002</td>

									<td>ZFB</td>
									<td> 2018-10-09 14:00:00</td>

									<td>否</td>
									<td>15.00</td>
									<td>15.0000</td>
									<td>1</td>
									<td>15.00</td>


								</tr>

							
								<tr>
									<td class="center" style="width: 30px;">
										<label><input type="checkbox" name="ids" value="77486" id="77486" alt="77486"><span class="lbl"></span></label>
									</td>
									<td class="center" style="width: 30px;">7</td>
									<td>Demo02</td>

									<td>dev00000002</td>

									<td>ZFB</td>
									<td> 2018-10-09 14:00:00</td>

									<td>是</td>
									<td>25.00</td>
									<td>25.0000</td>
									<td>1</td>
									<td>25.00</td>


								</tr>

							
								<tr>
									<td class="center" style="width: 30px;">
										<label><input type="checkbox" name="ids" value="77049" id="77049" alt="77049"><span class="lbl"></span></label>
									</td>
									<td class="center" style="width: 30px;">8</td>
									<td>Demo02</td>

									<td>dev00000002</td>

									<td>WX</td>
									<td> 2018-10-08 21:00:00</td>

									<td>否</td>
									<td>40.00</td>
									<td>40.0000</td>
									<td>2</td>
									<td>20.00</td>


								</tr>

							
								<tr>
									<td class="center" style="width: 30px;">
										<label><input type="checkbox" name="ids" value="77048" id="77048" alt="77048"><span class="lbl"></span></label>
									</td>
									<td class="center" style="width: 30px;">9</td>
									<td>Demo02</td>

									<td>dev00000002</td>

									<td>WX</td>
									<td> 2018-10-08 18:00:00</td>

									<td>否</td>
									<td>80.00</td>
									<td>80.0000</td>
									<td>4</td>
									<td>20.00</td>


								</tr>

							
								<tr>
									<td class="center" style="width: 30px;">
										<label><input type="checkbox" name="ids" value="77047" id="77047" alt="77047"><span class="lbl"></span></label>
									</td>
									<td class="center" style="width: 30px;">10</td>
									<td>Demo02</td>

									<td>dev00000002</td>

									<td>WX</td>
									<td> 2018-10-08 17:00:00</td>

									<td>是</td>
									<td>15.00</td>
									<td>15.0000</td>
									<td>1</td>
									<td>15.00</td>


								</tr>

							
						
						
					
					
				


				</tbody>
			</table>
				<label><b class="lbl">当日汇总:</b></label><table id="table_report3" class="">
					<tbody><tr>
						<td>

						</td><th></th>	
						
					</tr>
				</tbody></table>
				<table id="table_report2" class="table table-striped table-bordered table-hover">

					<thead>
					<tr>
						<th class="center" onclick="selectAll()">
							<label><span class="lbl"></span></label>
						</th>
						<th>总计</th>
						<th>商家编码</th>
						<th>商家名称</th>
						<th>通道编码</th>
						<th>通道名称</th>
						<th>通道类型</th>
						<th><i class="icon-time hidden-phone"></i>数据时间</th>
						
						<th>是否成功</th>
						<th>商家收入</th>
						<th>该单商家实际收入</th>
						<th>笔数</th>
						<th>人均</th>



					</tr>
					</thead>

					<tbody>

					<!-- 开始循环 -->
					<!-- 开始循环 -->
					
						
						
							<tr class="main_info">
								<td colspan="100" class="center">没有相关数据</td>
							</tr>
						
					


					</tbody>
				</table>
			
		<div class="page-header position-relative">
		<table style="width:100%;">
			<tbody><tr>

				<td style="vertical-align:top;"><div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">	<ul>
	<li><a>共<font color="red">286</font>条</a></li>
	<li><input type="number" value="" id="toGoPage" style="width:50px;text-align:center;float:left" placeholder="页码"></li>
	<li style="cursor:pointer;"><a onclick="toTZ();" class="btn btn-mini btn-success">跳转</a></li>
	<li><a>首页</a></li>
	<li><a>上页</a></li>
<li><a><font color="#808080">1</font></a></li>
	<li style="cursor:pointer;"><a onclick="nextPage(2)">2</a></li>
	<li style="cursor:pointer;"><a onclick="nextPage(3)">3</a></li>
	<li style="cursor:pointer;"><a onclick="nextPage(4)">4</a></li>
	<li style="cursor:pointer;"><a onclick="nextPage(5)">5</a></li>
	<li style="cursor:pointer;"><a onclick="nextPage(2)">下页</a></li>
	<li style="cursor:pointer;"><a onclick="nextPage(29)">尾页</a></li>
	<li><a>第1页</a></li>
	<li><a>共29页</a></li>
	<li><select title="显示条数" style="width:55px;float:left;" onchange="changeCount(this.value)">
	<option value="10">10</option>
	<option value="10">10</option>
	<option value="20">20</option>
	<option value="30">30</option>
	<option value="40">40</option>
	<option value="50">50</option>
	<option value="60">60</option>
	<option value="70">70</option>
	<option value="80">80</option>
	<option value="90">90</option>
	<option value="99">99</option>
	</select>
	</li>
</ul>
<script type="text/javascript">
function nextPage(page){ top.jzts();	if(true && document.forms[0]){
		var url = document.forms[0].getAttribute("action");
		if(url.indexOf('?')>-1){url += "&currentPage=";}
		else{url += "?currentPage=";}
		url = url + page + "&showCount=10";
		document.forms[0].action = url;
		document.forms[0].submit();
	}else{
		var url = document.location+'';
		if(url.indexOf('?')>-1){
			if(url.indexOf('currentPage')>-1){
				var reg = /currentPage=\d*/g;
				url = url.replace(reg,'currentPage=');
			}else{
				url += "&currentPage=";
			}
		}else{url += "?currentPage=";}
		url = url + page + "&showCount=10";
		document.location = url;
	}
}
function changeCount(value){ top.jzts();	if(true && document.forms[0]){
		var url = document.forms[0].getAttribute("action");
		if(url.indexOf('?')>-1){url += "&currentPage=";}
		else{url += "?currentPage=";}
		url = url + "1&showCount="+value;
		document.forms[0].action = url;
		document.forms[0].submit();
	}else{
		var url = document.location+'';
		if(url.indexOf('?')>-1){
			if(url.indexOf('currentPage')>-1){
				var reg = /currentPage=\d*/g;
				url = url.replace(reg,'currentPage=');
			}else{
				url += "1&currentPage=";
			}
		}else{url += "?currentPage=";}
		url = url + "&showCount="+value;
		document.location = url;
	}
}
function toTZ(){var toPaggeVlue = document.getElementById("toGoPage").value;if(toPaggeVlue == ''){document.getElementById("toGoPage").value=1;return;}if(isNaN(Number(toPaggeVlue))){document.getElementById("toGoPage").value=1;return;}nextPage(toPaggeVlue);}
</script>
</div></td>
			</tr>
		</tbody></table>
		</div>
		</form>
	</div>
 
 
 
 
	<!-- PAGE CONTENT ENDS HERE -->
  </div><!--/row-->
	
</div><!--/#page-content-->
</div><!--/.fluid-container#main-container-->
		
		<!-- 返回顶部  -->
		<a href="http://39.105.17.150/ktvgamea/#" id="btn-scroll-up" class="btn btn-small btn-inverse">
			<i class="icon-double-angle-up icon-only"></i>
		</a>
		
		<!-- 引入 -->
		<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
		<script src="./bootstrap.min.js.下载"></script>
		<script src="./ace-elements.min.js.下载"></script>
		<script src="./ace.min.js.下载"></script>
		
		<script type="text/javascript" src="./chosen.jquery.min.js.下载"></script><!-- 下拉框 -->
		<script type="text/javascript" src="./bootstrap-datepicker.min.js.下载"></script><!-- 日期框 -->
		<script type="text/javascript" src="./bootbox.min.js.下载"></script><!-- 确认窗口 -->
		<!-- 引入 -->
		
		
		<script type="text/javascript" src="./jquery.tips.js.下载"></script><!--提示框-->
		<script type="text/javascript">
		
		$(top.hangge());
		
		//检索
		function search(){
			top.jzts();
			$("#userForm").submit();
		}
		
		

		//新增
		function add(){
			 top.jzts();
			 var diag = new top.Dialog();
			 diag.Drag=true;
			 diag.Title ="新增";
			 diag.URL = 'http://39.105.17.150:80/ktvgamea/order/goAdd.do';
            diag.Width = 800;
            diag.Height = 490;
			 diag.CancelEvent = function(){ //关闭事件
				 if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
					 if('1' == '0'){
						 top.jzts();
						 setTimeout("self.location.reload()",100);
					 }else{
						 nextPage(1);
					 }
				}
				diag.close();
			 };
			 diag.show();
		}
		
		//修改
		function edit(user_id){
			 top.jzts();
			 var diag = new top.Dialog();
			 diag.Drag=true;
			 diag.Title ="资料";
			 diag.URL = 'http://39.105.17.150:80/ktvgamea/order/goEdit.do?ID='+user_id;
            diag.Width = 600;
            diag.Height = 465;
			 diag.CancelEvent = function(){ //关闭事件
				 if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
					nextPage(1);
				}
				diag.close();
			 };
			 diag.show();
		}
		
		//删除
		function del(userId){
			bootbox.confirm("确定要删除吗?", function(result) {
				if(result) {
					top.jzts();
					var url = "http://39.105.17.150:80/ktvgamea/order/delete.do?ID="+userId+"&tm="+new Date().getTime();
					$.get(url,function(data){
						nextPage(1);
					});
				}
			});
		}
		
		//批量操作
		function makeAll(msg){
			bootbox.confirm(msg, function(result) {
				if(result) {
					var str = '';
					var emstr = '';
					var phones = '';
					for(var i=0;i < document.getElementsByName('ids').length;i++)
					{
						  if(document.getElementsByName('ids')[i].checked){
						  	if(str=='') str += document.getElementsByName('ids')[i].value;
						  	else str += ',' + document.getElementsByName('ids')[i].value;
						  	
						  	if(emstr=='') emstr += document.getElementsByName('ids')[i].id;
						  	else emstr += ';' + document.getElementsByName('ids')[i].id;
						  	
						  	if(phones=='') phones += document.getElementsByName('ids')[i].alt;
						  	else phones += ';' + document.getElementsByName('ids')[i].alt;
						  }
					}
					if(str==''){
						bootbox.dialog("您没有选择任何内容!", 
							[
							  {
								"label" : "关闭",
								"class" : "btn-small btn-success",
								"callback": function() {
									//Example.show("great success");
									}
								}
							 ]
						);
						
						$("#zcheckbox").tips({
							side:3,
				            msg:'点这里全选',
				            bg:'#AE81FF',
				            time:8
				        });
						
						return;
					}else{
						if(msg == '确定要删除选中的数据吗?'){
							top.jzts();
							$.ajax({
								type: "POST",
								url: 'http://39.105.17.150:80/ktvgamea/order/deleteAll.do?tm='+new Date().getTime(),
						    	data: {USER_IDS:str},
								dataType:'json',
								//beforeSend: validateData,
								cache: false,
								success: function(data){
									 $.each(data.list, function(i, list){
											nextPage(1);
									 });
								}
							});
						}
						
						
					}
				}
			});
		}
		
		</script>
		
		<script type="text/javascript">
		
		$(function() {


            //日期框
			$('.date-picker').datepicker();
			
			//下拉框
			$(".chzn-select").chosen(); 
			$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
			
			//复选框
			$('table th input:checkbox').on('click' , function(){
				var that = this;
				$(this).closest('table').find('tr > td:first-child input:checkbox')
				.each(function(){
					this.checked = that.checked;
					$(this).closest('tr').toggleClass('selected');
				});
					
			});
			
		});
		
		//导出excel
		function toExcel(){
			var USERNAME = $("#nav-search-input").val();
			var lastLoginStart = $("#lastLoginStart").val();
			var lastLoginEnd = $("#lastLoginEnd").val();
			var ROLE_ID = $("#role_id").val();
			window.location.href='http://39.105.17.150:80/ktvgamea/user/excel.do?USERNAME='+USERNAME+'&lastLoginStart='+lastLoginStart+'&lastLoginEnd='+lastLoginEnd+'&ROLE_ID='+ROLE_ID;
		}
		
		//打开上传excel页面
		function fromExcel(){
			 top.jzts();
			 var diag = new top.Dialog();
			 diag.Drag=true;
			 diag.Title ="EXCEL 导入到数据库";
			 diag.URL = 'http://39.105.17.150:80/ktvgamea/user/goUploadExcel.do';
			 diag.Width = 300;
			 diag.Height = 150;
			 diag.CancelEvent = function(){ //关闭事件
				 if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
					 if('1' == '0'){
						 top.jzts();
						 setTimeout("self.location.reload()",100);
					 }else{
						 nextPage(1);
					 }
				}
				diag.close();
			 };
			 diag.show();
		}
		
		</script>
<script type="text/javascript">
    // 路径配置
    require.config({
        paths: {
            echarts: 'http://echarts.baidu.com/build/dist'
        }
    });

    // 使用
    require(
        [
            'echarts',
            'echarts/chart/scatter' // 使用柱状图就加载bar模块，按需加载
        ],
        function (ec) {
            // 基于准备好的dom，初始化echarts图表
            var myChart = ec.init(document.getElementById('main0'));

            option0 = {
                title : {
                    text : '销售金额趋势图',
                    subtext : 'dataZoom支持'
                },
                tooltip : {
                    trigger: 'axis',
                    axisPointer:{
                        show: true,
                        type : 'cross',
                        lineStyle: {
                            type : 'dashed',
                            width : 1
                        }
                    }
                },
                toolbox: {
                    show : true,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },

                legend: {
                    data:['上24小时','近24小时']
                },
                color:['red','blueviolet'],


                xAxis : [
                    {
                        type : 'category',
                        data : ['00','01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23']
                    }
                ],
                yAxis : [
                    {
                        type : 'value'
                    }
                ],
                animation: false,
                series : [

                    {
                        name:'上24小时',
                        type:'scatter',

                        data: [
                        ]


                    },
                    {
                        name:'近24小时',
                        type:'scatter',

                        data: [
                        ]

                    }
                ]
            };



            // 为echarts对象加载数据
            myChart.setOption(option0);
            ObjectResize(myChart.resize);

            option1 = {
                title : {
                    text : '笔数趋势图',
                    subtext : 'dataZoom支持'
                },
                tooltip : {
                    trigger: 'axis',
                    axisPointer:{
                        show: true,
                        type : 'cross',
                        lineStyle: {
                            type : 'dashed',
                            width : 1
                        }
                    }
                },
                toolbox: {
                    show : true,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },

                legend: {
                    data:['2上24小时','2近24小时']
                },
                color:['red','blueviolet'],


                xAxis : [
                    {
                        type : 'category',
                        data :['00','01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23']
                    }
                ],
                yAxis : [
                    {
                        type : 'value'
                    }
                ],
                animation: false,
                series : [

                    {
                        name:'2上24小时',
                        type:'scatter',

                        data: [ ]


                    },
                    {
                        name:'2近24小时',
                        type:'scatter',

                        data: [ ]

                    }
                ]
            };
            var myChart2 = ec.init(document.getElementById('main1'));
            myChart2.setOption(option1);
            ObjectResize(myChart2.resize);

            option2 = {
                title : {
                    text : '人均趋势图',
                    subtext : 'dataZoom支持'
                },
                tooltip : {
                    trigger: 'axis',
                    axisPointer:{
                        show: true,
                        type : 'cross',
                        lineStyle: {
                            type : 'dashed',
                            width : 1
                        }
                    }
                },
                toolbox: {
                    show : true,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },

                legend: {
                    data:['3上24小时','3近24小时']
                },
                color:['red','blueviolet'],


                xAxis : [
                    {
                        type : 'category',
                        data : ['00','01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23']
                    }
                ],
                yAxis : [
                    {
                        type : 'value'
                    }
                ],
                animation: false,
                series : [

                    {
                        name:'3上24小时',
                        type:'scatter',

                        data: [
                        ]


                    },
                    {
                        name:'3近24小时',
                        type:'scatter',

                        data: [
                        ]

                    }
                ]
            };
            var myChart3 = ec.init(document.getElementById('main2'));
            myChart3.setOption(option2);
            ObjectResize(myChart3.resize);
              $("#main1")[0].style.display = 'none';
              $("#main2")[0].style.display = 'none';


        }
    );
    function show(num) {
        //debugger;
        var odiv = document.getElementById("chartTabTitle").getElementsByTagName("td");
        var ocentent = document.getElementById("chartTabCentent").getElementsByTagName("li");

        for (var i = 0; i < odiv.length; i++) {

            if (i == num) {
                odiv[i].className = "now"
                ocentent[i].style.display = "block";
                odiv[i].style.background="green";

            }

            else {

                odiv[i].className = ""

                ocentent[i].style.display = "none";
                odiv[i].style.background="none";
            }



        }


    }

    function ObjectResize(fn){
        if(window.addEventListener)
        {
            window.addEventListener("resize",fn,false);
        }
        else
        {
            window.attachEvent("onresize",fn);
        }
    }
</script>


	


</body></html>